body { color:#000; font-family:font-family: 'Roboto' ;background:#000; margin:0; padding:0; letter-spacing:0,8pt; line-height:18px; margin: 70px 0 }

a { color:#000; transition: color 0.15s ease-in-out 0s; text-decoration:none}
a:hover { color:#000; text-decoration:none !important}
.clr{ clear:both}
p{ margin:0}
span{ transition: color 0.15s ease-in-out 0s; text-decoration:none}
.websiteWrapper{ width:100%; margin:0 auto; overflow:hidden ; position:relative; padding:0; background:url(../../images/home/bg_home.png) repeat}

.box_website{ margin:0 auto; background:#FFF;border-bottom: 0 none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); margin-bottom:30px}
.headerWrapper{ width:100%; height:90px ;}
.navbar { border:none}
.navbar-default{ background:#FFF}
.collapse{ padding:0 !important}
.logo{ background:url(../../images/home/logo.png) no-repeat center; height:90px; width: 150px ; margin-right: 20px}
.navHeader{ z-index:9999 !important; float:left}
.navHeader li { padding: 9px 5px;font-family: 'Roboto';}
.navHeader li a{ display: block ; width: 94px; height: 94px; border-radius: 47px 47px ; padding: 0 ; text-transform:uppercase; text-align:center; color:#FFF !important; font-size:11px; font-weight:500}
.navHeader li a:hover{ opacity:0.8}
.navHeader li a span{ display: block; width:94px; height:49px}
.navHeader li a.phone{ background:#1bb7a0}
.phone span{ background:url(../../images/home/icon_didong.png) no-repeat center bottom}
.navHeader li a.apple{ background:#94b758}
.apple span{ background:url(../../images/home/icon_apple.png) no-repeat center bottom}
.navHeader li a.phone_old{ background:#56bdf1}
.phone_old span{ background: url(../../images/home/icon_phone.png) no-repeat center bottom}
.navHeader li a.linhkien{ background:#f3c536}
.linhkien span{ background: url(../../images/home/icon_linhkien.png) no-repeat center bottom}
.navHeader li a.news{ background:#fa7b58}
.news span{ background: url(../../images/home/icon_sale_menu.png) no-repeat center bottom}
.navHeader li a.support{ background:#7bd4da}
.support span{ background:url(../../images/home/icon_news.png) no-repeat center bottom}

.text_search p{ font-size:12px;font-family: 'Roboto', sans-serif; font-weight:300; color:#333; text-align:center; padding-top:3px; height:20px; overflow:hidden}
.bodyMain { margin-top:20px}

.bnt_search{ width:340px !important; height:38px; border-radius: 19px 19px; background:url(../../images/home/icon_search.png) no-repeat 292px center; padding-left:22px}
.navbar-form{ margin-top: 21px; padding-right:0; padding-left: 20px}
.navbar-header{ z-index:9999}
.nav_support { text-align:left}
.nav_support li{ background:url(../../images/home/icon_supportE.png) no-repeat left; padding-left:19px}
.nav_support li p{ font-size: 12px ; color:#333;font-family: 'Roboto', sans-serif; font-weight:300; padding: 2px 0}
.banner { padding-left:0; padding-right:6px; height:412px}
.banner .carousel{ height:99%}
.bannerWrapper {  margin: 16px auto; z-index:-1}
.carousel-control.right{ background: none; }
.carousel-control.left{ background: none;}
.carousel-caption{ background:url(../../images/home/bg_box_banner.png) no-repeat; width:210px; height:79px; right:-20px; top:-11px !important}
.carousel-caption p{ font-size: 27px !important; color:#FFF !important; line-height: 27px !important ; text-transform: capitalize; padding:0 !important}
.carousel-control img{ margin-top:177px;}
.carousel-control.right img{ right:0 ; position:absolute }
.carousel-control.left img{ left:0; position:absolute }

.owl-item ul li { float:left}

.box_menu { width:1170px;background:#e6e6e6; height: 54px; overflow:hidden; margin-bottom:20px; overflow: hidden;}
.list_tab{ height: 54px; z-index:999}
.list_tab li{ float:left; border-right:1px #b7b7b7 solid}
.list_tab li:last-child{ border:none}
.list_tab li a{ display: block; width:130px ; text-align: center; font-size:13px; font-weight:300; color:#343434; padding-top:0px}
.list_tab li a:hover,.list_tab li a.active,.list_tab li a:focus{ background:#1bb7a0; color:#fff}
.list_tab li a i{ display: block; width:100%; height: 32px; background:url(../../images/home/icn_tab.png) no-repeat left}
.list_tab .icon_tab01 a i{ background-position: 40px 5px }
.list_tab .icon_tab01 a:hover i,.list_tab .icon_tab01 a.active i,.list_tab .icon_tab01 a:focus i{ background-position: 40px -40px}

.list_tab .icon_tab02 a i{ background-position: -60px 5px }
.list_tab .icon_tab02 a:hover i,.list_tab .icon_tab02 a.active i,.list_tab .icon_tab02 a:focus i{ background-position: -60px -40px}

.list_tab .icon_tab03 a i{ background-position: -147px 5px }
.list_tab .icon_tab03 a:hover i,.list_tab .icon_tab03 a.active i,.list_tab .icon_tab03 a:focus i{ background-position: -147px -40px}

.list_tab .icon_tab04 a i{ background-position: -232px 5px }
.list_tab .icon_tab04 a:hover i,.list_tab .icon_tab04 a.active i,.list_tab .icon_tab04 a:focus i{ background-position: -232px -40px}

.list_tab .icon_tab05 a i{ background-position: -325px 5px }
.list_tab .icon_tab05 a:hover i,.list_tab .icon_tab05 a.active i,.list_tab .icon_tab05 a:focus i{ background-position: -325px -40px}

.list_tab .icon_tab06 a i{ background-position: -428px 5px }
.list_tab .icon_tab06 a:hover i,.list_tab .icon_tab06 a.active i,.list_tab .icon_tab06 a:focus i{ background-position: -428px -40px}



.box_showall{ height: 33px; background:#e6e6e6; margin: 20px 0}
.box_showall p{ font-size:14px; color:#333; width:98%; background:url(../../images/home/icon_showall.png) no-repeat right; padding: 0 10px; height:33px; line-height:33px; cursor:pointer}
.box_showall2{ width:100%; height:auto; margin:20px auto; text-align:center}

.bnt_show{ background:#e6e6e6; height:45px; width:50%; border:#CCC 1px solid; margin:0 auto; padding:0 20px; }
.bnt_show span{ font-size:15px; color:#333; background:url(../../images/home/icon_showall.png) no-repeat right; display:block; height:45px; line-height:45px;}
.technical h2{font-size: 18px; color:#333333; margin-bottom:20px}
.block_img_detai img{ margin-top:-30px}
.block_hot_detail h2{ font-size: 18px; color:#333333; margin-bottom:20px}
.item p{ font-size:14px; color:#333333; padding: 10px 0}

.box_design { margin-top:20px}
.box_design h2{font-size: 18px; color:#333333; margin-bottom:10px ; height:30px; line-height:40px}
.nav_listD{ height: 40px; margin-bottom: 3px;}
.nav_listD li{ float:left; padding: 0 10px}
.nav_listD li a{ display:block; width: 40px ; height:40px ; background:url(../../images/home/icon_D.png) no-repeat left top}
.nav_listD li.icon_D01 a { background-position: 0 0}
.nav_listD li.icon_D01 a:hover,.nav_listD li.icon_D01 a.active,.nav_listD li.icon_D01 a:focus{ background-position: 0 -50px}
.nav_listD li.icon_D02 a { background-position: -56px 0}
.nav_listD li.icon_D02 a:hover,.nav_listD li.icon_D02 a.active,.nav_listD li.icon_D02 a:focus{ background-position: -56px -50px}
.nav_listD li.icon_D03 a { background-position: -108px 0}
.nav_listD li.icon_D03 a:hover,.nav_listD li.icon_D03 a.active,.nav_listD li.icon_D03 a:focus{ background-position: -108px -50px}

.box_comemt{ height:auto; margin: 20px 0}
.box_comemt h2{font-size: 18px; color:#333333; margin-bottom:10px ; height:30px}
.account{ text-align:center}
.account img{}
.fromG{ height: 42px !important}

.box_news{ width:100%; height:412px;}
.box_news h1{ font-size: 21px; text-align: center;font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; border-bottom: 2px #bfbfbf solid; height:30px; width: 70%; margin:0 auto}
.carousel{ height:91%; margin:0 auto}
.carousel_slide{ margin:0; right: 40%}
.nav_news{ width:100%;}
.nav_news li{ border-bottom:#CCC 1px solid}
.nav_news li:last-child{ border:none}
.nav_news li a{ display:block; width:100%; height:63px; position:relative;}
.nav_news li a img{ width: 50px ; height:50px ; border-radius:25px 25px ; border:3px #999999 solid; float:left; margin: 4px 20px 0 0}
.nav_news li a p{ font-size:13px ;font-family: 'Roboto'; font-weight:400; padding-top:10px; height: 47px ; overflow:hidden;font-weight:300}
.time_news{ width: 100px; height: 20px ; position:absolute; bottom:0; right:0; text-align:right}
.time_news em{ font-size:13px ; color:#666; font-family: 'Roboto'; font-weight:300 }

.icon_views{ display:block; font-size:13px; color:#2f71bf; text-align:right; height: 30px; padding-top:10px; font-weight:300; padding-right:10px}
.col-right { padding-left:0 !important; }
.col_rightB{ background:#f0f0f0;padding-left:7px !important; padding-right:10px !important}
.col_rightB .box_product_new{ margin-top:0 !important; margin-bottom:20px; background:url(../../images/home/li2.png) no-repeat bottom center}
.col_rightB .box_news{ margin-bottom:20px;}

.box_new_content h2{font-size: 18px; color:#333333; margin-bottom:10px ; height:30px}

.col-left{ padding-left:0 }
.block_new{ width:100%; background:url(../../images/home/li2.png) no-repeat bottom center; padding-bottom:20px}
.block_new li{ border-bottom:#CCC 1px solid}
.block_new li:last-child{ border:none}
.block_new li a{ display:block; width:100%; height:70px; position:relative;}
.block_new li a img{ width: 56px ; height:56px ; border-radius:28px 28px ; border:3px #999999 solid; float:left; margin: 7px 20px 0 0}
.block_new li a p{ font-size:13px ;font-family: 'Roboto'; font-weight:400; padding-top:10px; height: 47px ; overflow:hidden;font-weight:300}
.block_new li a:hover{ color:#d65f35}

.box_thumbnails{ width:100%; height: auto}
.box_thumbnails li{ float:left; margin: -15px 5px 5px 1px;}
.box_thumbnails li:last-child{ margin:0 !important}

.box_thumbnails li a{width:382px; height: 146px; text-align:center; display:block;}
.bg_img{ width:100%; height:82px}
.box_thumbnails li a img{ margin-top: 10px}
.box_thumbnails li a h1{ font-size:21px;font-family: 'Roboto'; font-weight:500; text-transform:uppercase; color:#FFF}
.block01{ background:#1bb7a0}
.block02{ background:#94b758}
.block03{ background:#56bdf1}
.box_thumbnails li a p{font-size:18px;font-family: 'Roboto'; font-weight:300; color:#FFF; padding: 5px 0}



.nav_content{ width:100%; height:auto; }
.nav_content li{ width:207px; height:237px; float:left ; background:url(../../images/home/li.png) no-repeat center right; margin: 10px 0; position:relative; text-align:center}
.block_hot{ width:342px !important; text-align:left !important}
.nav_content li a{ display: block}
.block_img{ width: 100%; height: 160px}
.block_hot .block_img{ width: 100%; height: 155px}
.nav_content2 .block_img{ width: 100%; height:210px}

.box_content{ width: 100%; margin:0 auto; height:auto; position:relative}
.nav_content2{ width:100%; height:auto;}
.nav_content2 li{ width:228px; height:275px !important; float:left ; background:url(../../images/home/li.png) no-repeat center right; margin: 20px 0; position:relative; text-align:center}
.block_hot2{ width:386px !important; text-align:left !important}
.nav_content2 li a{ display: block}
.block_hot2 .block_img{ width: 100%; height: 210px}
.block_hot2 .block_img{ width: 100%; height: 170px}

.nav_link01{ width: 50%; float:left}
.nav_link01 li a{ border-radius: 0px 0px; font-size:15px; color:#FFF; font-family: 'Roboto';}
.nav_link01 li a:hover,.nav_link01 li a.active,.nav_link01 li a:focus{ background:none !important}
.nav_right li a{ border-radius: 0px 0px; font-size:15px; color:#FFF; font-family: 'Roboto';}
.nav_right li a:hover,.nav_link01 li a.active,.nav_link01 li a:focus{ background:none }
.box_face{ width:120px; height: 100%; float:right; cursor:pointer}
.box_face img{ margin: 7px; }
.box_face span{ color:#FFF}

.dropdown-menu li a{ color:#444444}
.dropdown-menu li p{ color:#444444 !important; background:url(../../images/home/icon_check.png) no-repeat 5px 6px; padding:0 19px; font-size:13px}
.dropdown-menu li p span{ color:#990000}
.block_yes .dropdown-menu > li > a{ padding: 3px 0 !important}
.list_cl{ width:auto; height: 30px;}
.list_cl li{ float:left; padding-left:19px; color:#444 !important; font-size:13px !important; padding-right:0 !important; line-height:30px}
.list_cl li i{ display:block; height:19px; width:19px; border-radius: 19px; margin-top:5px; border:2px #b1b1b1 solid}
.list_cl li i.color01{ background:#daa520}
.list_cl li i.color02{ background:#a9a9a9}
.list_cl li i.color03{ background:#c0c0c0}
.navbar-example{ position:relative ; margin-top:10px}


.block_img2{ width: 100%; height: 146px}
.block_hot .block_img img{ float:left; margin-left:43px}
.block_hot2 .block_img img{ float:left; margin-left:43px}
.hot_content{ width: 60%; float:right; text-align:left}
.hot_content img{ margin:0 !important}
.hot_content h1{ font-size:19px;font-family: 'Roboto'; font-weight:500; color:#000; padding: 5px 0; text-transform:uppercase}
.nav_list { text-align:left !important}
.nav_list li{ margin: 0;text-align:left !important; height:20px !important; background:url(../../images/home/list.png) no-repeat left; padding-left:15px; border:none; font-size:13px ; font-family: 'Roboto'; font-weight:300;}
.block_hot h3{ padding: 5px 43px !important}
.block_hot p{ padding: 0 36px}
.nav_content a h2{font-size:14px;font-family: 'Roboto'; font-weight:700; color:#777777; text-transform:capitalize; padding: 0 30px}
.nav_content li a h3{font-size:13px;font-family: 'Roboto'; font-weight:300; color:#777777; text-transform: capitalize; text-decoration: line-through ; padding:5px 0}
.nav_content li a p{font-size:15px;font-family: 'Roboto'; font-weight:400; color:#990000; text-transform:capitalize; }
.nav_content li.block_hot a{ height:100%;}

.block_hot2 h3{ padding: 5px 43px !important}
.block_hot2 p{ padding: 0 36px}
.nav_content2 a h2{font-size:14px;font-family: 'Roboto'; font-weight:700; color:#000; text-transform:capitalize; padding: 0 30px}
.nav_content2 li a h3{font-size:13px;font-family: 'Roboto'; font-weight:300; color:#666666; text-transform:uppercase; text-decoration: line-through ; padding:5px 0}
.nav_content2 li a p{font-size:15px;font-family: 'Roboto'; font-weight:400; color:#990000; text-transform:uppercase; }
.nav_content2 li.block_hot2 a{ height:100%; background:url(../../images/home/li2.png) no-repeat bottom center}


.box_sale{ width:70px; height:30px; position:absolute; left:0 ; top: 0px}
.box_imgNot{ width:78px; height:30px; position:absolute; right:0 ; top: 0px; text-align:right}
.box_gift{width:44px; height:44px; position:absolute; right:20px ; top: 95px}

.nav_content2 .box_gift{ top:168px}

.box_contact_us{ height:250px; padding-top:20px;background:#f0f0f0}
.boder_none{ background: none !important}
.block_us img{ margin: 10px 10px 10px 10px}
.block_us h2{ color:#333; font-size:18px; text-transform:uppercase ;/*font-family: 'Roboto';*/ font-weight:300}
.list_us li{ background:url(../../images/home/icon_map.png) no-repeat left 8px;font-size: 12px; padding-left: 17px; padding-bottom:5px; padding-top:5px}
.list_us li p{ font-size: 12px}
.list_us li p strong{ color:#da262e}
.block_contact{ text-align:center}
.block_contact h1{ color:#333; font-size:19px; text-transform:uppercase ;/*font-family: 'Roboto';*/ font-weight:300; padding-top:10px}
.block_contact h2{color:#da262e; padding: 10px 0}
.block_contact h3{color:#333; font-size:19px ;font-family: 'Roboto'; font-weight:300; padding-top:10px}
.block_contact p{color:#333; font-size:16px ;font-family: 'Roboto'; font-weight:300; padding-top:10px}
.block_contact img{ margin:10px 10px}
.block_times{ text-align:center}
.block_times img{ margin:10px}
.block_times h2{ color:#333; font-size:19px; text-transform:uppercase ;/*font-family: 'Roboto';*/ font-weight:300;}
.times{ width:100%; margin-top:20px}
.times img{ float:left}
.times p{ text-align:left; padding-top:5px;font-size: 12px ;}
.times p strong{color:#da262e}
.nav_contact{ width:100%; margin:20px auto 0; height:40px}
.nav_contact li{ display:inline-block}
.nav_contact li a{ font-size: 16px ; color:#666;font-family: 'Roboto'; font-weight:300;}
.nav_contact li a:hover{ color:#da262e}

.box_submit{ border-top: 1px #999999 solid; background:#f0f0f0; height:120px}

.block_sub h1{color:#333; font-size:18px; text-transform:uppercase ; font-weight:300; padding-top:10px}
.block_sub img { margin-top: 15px}
.list_sub li{ float:left; padding: 10px 5px}
.list_sub li a{ display:block}
.block_supp{ height:100px; border-left: #999 1px solid; margin-top:10px}
.bnt_buy{ display:block; margin:10px 20px 0 45px; float:left}
.bnt_supp{ display:block; margin-top:10px}

.box_linkF h1{color:#333; font-size:18px; text-transform:uppercase ; font-weight:300; padding:10px 0 0 30px}
.list_link{ margin-left:30px; margin-top:7px; width:137px; height: 50px; float:left}
.list_link li{ float:left; padding: 3px}
.list_link li a{ display:block; width:35px ; height:35px; background: url(../../images/home/icon_connect.png) no-repeat left top}
.face{ background-position: -15px -3px !important}
.face:hover{ background-position: -15px -42px !important}
.google{ background-position: -110px -3px !important}
.google:hover{ background-position:-110px -42px !important}
.youtu{ background-position: -157px -3px !important}
.youtu:hover{ background-position:-157px -42px !important}

.block_face{ width: 170px ; float:right; height:50px; margin-top:10px}
.bnt_face{ background: url(../../images/home/icon_face2.png) no-repeat left; display:block; width: 150px; height:35px}
.bnt_face span{ font-size:18px ; color:#444; line-height:35px; padding-left: 90px}

.footer{height: 25px; background:#e0e0e0;}
.nav_footer li{ float:left ; padding: 0 2px}
.nav_footer li a{ color:#2f2f2f;font-family: 'Roboto'; font-weight:300; font-size:13px; line-height:24px}
.nav_footer li a:hover{ color:#da262e}
.text_footer p{color:#2f2f2f;font-family: 'Roboto'; font-weight:300; font-size:13px; line-height:24px; text-align:right}

.box_submenu{ padding:20px; width:658px !important}
.production{ width: 268px; float: left; }
.production h2{color:#da262e; font-size:19px; text-transform:uppercase ;/*font-family: 'Roboto';*/ font-weight:300; }
.list_pro{ width:100%}
.list_pro li{ width: 40%; float:left;}
.list_pro li a{color:#333 !important; font-size:15px;font-family: 'Roboto'; font-weight:400; text-transform: capitalize; height:11px; text-align:left}
.list_pro li a:hover{color:#da262e !important;}
.box_gia{ width: 330px; float:right}
.box_gia h2{color:#da262e; font-size:19px; text-transform:uppercase ; font-weight:300;}
.nav_gia{ width:100%}
.nav_gia li{width: 50%; float:left }
.nav_gia li a{color:#333 !important; font-size:15px;font-family: 'Roboto'; font-weight:400; text-transform: capitalize; height: 11px; text-align:left; width:100%; display:block}
.nav_gia li a:hover{color:#da262e !important;}
.bg_submenu{ position: absolute; bottom:0; right:0; z-index:-1}

.box_submenu2{ padding:20px; width: 540px}
.mobiphone{ width: 230px; float:left}
.mobiphone h2{color:#da262e; font-size:19px; text-transform:uppercase ;/*font-family: 'Roboto';*/ font-weight:300; }
.list_mobi{ width:100%;font-family: 'Roboto';}
.list_mobi li a{ display:block; width:100% ;color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height:11px; text-align:left}
.list_mobi li a:hover{color:#da262e !important;}

.box_apple{ width:240px; float:right}
.box_apple h2{color:#da262e; font-size:19px; text-transform:uppercase ;/*font-family: 'Roboto';*/ font-weight:300;}
.nav_apple{ width:100%}
.nav_apple li a{display:block ; width:100%;color:#333 !important; font-size:15px; font-weight:400; text-transform: capitalize; height: 11px; text-align:left}
.nav_apple li a:hover{color:#da262e !important}

.bnt_submenu{ background:url(../../images/home/bnt_submenu.png) no-repeat top left; width: 40px ; height:30px ; position:absolute; top:-17px ; left:39px}
.box_title{ background: #84b548; width: 99%; height:36px;}
.list_title{ padding-left:8px}
.list_title li{ float:left; padding: 7px 3px 0}
.list_title li a{ color:#edecec ;font-family: 'Roboto'; font-weight:500; ; font-size:15px}

.box_link{ width:99%; height:40px; background:#d65f35; margin: 5px 0}
.collapse{ height:36px !important}

.box_link .navbar-nav > li > a{color:#edecec ;font-family: 'Roboto'; font-weight:500; ; font-size:15px; padding: 7px 15px !important}
.box_link .navbar-nav > li > a:hover{ background: none  ;color:#ccc}
.box_link .navbar-nav > li > a.active{ background: none ;color:#ccc}
.box_link .navbar-nav > li > a:focus{ background: none  ;color:#ccc}
.view_all{ width:470px; height:57px; background:#93b757; margin:20px auto;}
.col-left .view_all{ width:470px; height:57px; background:#93b757; margin:20px auto 20px;}

.bnt_view_all{ font-size: 21px; color: #FFF; text-transform:uppercase; background:url(../../images/home/icon_arror.png) no-repeat 429px center; font-family: 'Roboto'; font-weight:500; display:block; height:100%; line-height: 58px; text-align:center}
.bnt_view_all:hover,.bnt_view_all:focus{ color:#FFF !important; text-decoration:none}
.nav_right{ float:right !important}
.bnt_khomay{ display:block; background:url(../../images/home/bnt_kho.png) no-repeat center; width: 135px ; text-align:center; color:#444444 !important}
.bnt_khomay:hover,.bnt_khomay:focus{ background:url(../../images/home/bnt_kho.png) no-repeat center !important;}

.box_bannerDetail{ width:1399px; margin:5px auto 0; background:url(../../images/home/banner_detail.png) no-repeat top center}
.block_iconSP{ margin-right:30px !important}
.bannerDetail{ padding: 10px 0}
.list_iconSP{ width:100%; margin-top: 70px}
.list_iconSP li{ display: block ; padding: 15px 0}
.list_iconSP li a{ display:block; width: 55px; height:55px; background:url(../../images/home/icon_Box.png) no-repeat top center}

.list_iconSP li a.icon01{ background-position: 2px 0 }
.list_iconSP li a.icon02{ background-position: 2px -67px}
.list_iconSP li a.icon03{ background-position: 2px -134px}
.list_iconSP li a.icon04{background-position: 2px -206px}

.img_banner{ text-align:center}
.img_banner img{ margin-top: 50px}
.banner_content h1{ color:#FFF ; font-family: 'Roboto'; font-weight:400;}
.list_color{ width:100%; margin: 5px 0; height: 35px}
.list_color li{ float:left; padding: 0 15px 0 0; color:#FFF; font-size: 15px ; line-height:30px; font-weight:bold}
.list_color li a{ display:block; width:30px; height:30px; border-radius: 15px 15px; border: 2px #FFFFFF solid}
.list_color li a.bnt_color01{ background:#daa520}
.list_color li a.bnt_color02{ background:#a9a9a9}
.list_color li a.bnt_color03{ background:#a9a9a9}

.banner_content h3{ font-size: 17px ;font-family: 'Roboto'; font-weight:300; color:#ff7f00}
.block_gia{ width:100%; margin-top: 15px; height:38px}
.block_gia h2{ width: 70%; float:left; font-size: 29px ;font-family: 'Roboto'; font-weight:500; color:#ffff00}
.block_gia h2 span{ font-size:25px; color:#CCC; text-decoration: line-through; padding-left: 30px}
.list_comemt{ width:30%; float:right}
.list_comemt li{ float:left; padding: 0 7px}
.block_yes{ width:100%; height: 20px}
.block_yes li{ float:left; padding-right: 15px; color:#ffff00;font-family: 'Roboto'; font-weight:500; font-size:15px}
.block_yes li p{ color:#ffff00}
.block_yes .dropdown a{color:#fff;font-family: 'Roboto'; font-weight:500; font-size:15px}
.block_yes .dropdown-menu li a{ color:#444}
.block_yes .dropdown-menu li a:hover{ background:none; color:#da262e}
.banner_content p{ color:#fff; font-size:15px}
.box_promotion{ width: 100%; height: auto; background:#FFF; margin:10px 0; padding: 5px 0}
.box_promotion h3{ background:url(../../images/home/promotion.png) no-repeat 4px -2px; padding-left: 30px; color:#333 ; font-family: 'Roboto'; font-weight:400; font-size:17px; border-bottom:1px #666 solid ; height:25px}
.box_promotion h3 span{ color:#666}
.list_promoton li{ background:url(../../images/home/icon_check.png) no-repeat 6px center; padding: 2px 20px; font-size:14px;font-family: 'Roboto'; font-weight:400; color:#666}
.list_promoton li b{ color:#333}
.block_note{ width:100%; height:auto;}
.chitiet{ width:50%; float:left}
.chitiet h3{ font-size:16px;font-family: 'Roboto'; font-weight:400; color:#fff}
.list li{ color:#FFF; font-size: 14px;font-family: 'Roboto'; font-weight:400; background:url(../../images/home/list2.png) no-repeat left; padding: 4px 16px}
.block_buy{ width:50%; float:right}
.buy_now{ display:block; width:100%; height: 50px; background:#ff7f00; margin: 3px 0 7px; text-align:center; text-transform:uppercase; font-size: 22px;font-family: 'Roboto'; font-weight:400; color:#fff; padding:11px}
.installment{ display:block; width:100%; height: 50px; background:#94b758; text-align:center; text-transform:uppercase; font-size: 22px;font-family: 'Roboto'; font-weight:400; color:#fff; padding:11px}
.buy_now:hover{ color:fff}
.block_buy a p{ font-size: 11px ; text-transform:none; font-weight:300}
.block_support{ width: 100%; border-top: 1px #FFFFFF solid; margin-top:7px; padding-bottom:15px}
.block_support li{ background:url(../../images/home/icon_check2.png) no-repeat left; padding: 4px 16px; color:#FFF; font-size: 14px;font-family: 'Roboto'; font-weight:400;}
.block_support li strong{ font-size: 19px}
.tooltip{ opacity:1 }

.lable_block{ width:100%; height:50px ; background:#e6e6e6; border-bottom:2px #959595 solid; margin:10px 0}
.lable_block p{ font-size: 15px; color:#444; width: 60%; float:left; font-weight:500; padding: 0 15px; line-height:50px}
.lable_{ width:30%; float:left}
.lable_ li{ float:left; width:50%; text-align:center; font-size:19px; font-weight:500; padding: 5px 0}
.lable_ li span{ font-size: 11px; font-weight:300}
.lable_ li strong{ color:#990000; font-size:23px;}
.bnt_buy_now{ display:block ; width: 80px; height:35px; background:#1bb7a0; text-transform:uppercase; text-align:center; color:#FFF; float:right; margin: 7px 10px; font-size:19px ; font-weight:400; line-height:35px}
.span12{ position:relative}
.btnD{ display:block; width: 15px; height:50px; padding:0; position:absolute; top:150px}
.prev{ background:url(../../images/home/bnt_preview.png) no-repeat center; left: -15px }
.next{ background:url(../../images/home/bnt_next.png) no-repeat center; right:-15px}

.box_product{ margin: 30px 0 0 0}
.box_product h2{font-size: 18px; color:#333333; margin-bottom:10px ; height:20px}
.list_product{ width:100%}
.list_product li{ float:left; width: 134px; height:240px; text-align:center; border:1px #CCCCCC solid; margin:0 0px 5px 5px; background:#FFF}
.list_product li img{ margin:10px 0}
.list_product li h3{ font-size:13px; color:#990000; font-weight:400}
.list_product li p{ font-size:12px; text-decoration:line-through; padding: 2px 0}
.list_product li h2{ font-size: 13px ; color:#343434; font-weight:500; height:23px ; padding: 0 10px}
.bnt_view { display:block; width: 54px ; height:20px ; margin:0 auto; background:url(../../images/home/bnt_sosanh.png) no-repeat center}
.bnt_sosanh { display:block; width: 66px ; height:24px !important; margin:20px auto; background: url(../../images/home/bnt_sosanh2.png) no-repeat center !important;}


.box_product_new{ background:url(../../images/home/li2.png) no-repeat top center; margin-top:20px;}
.box_product_new h2{font-size: 18px; color:#333333; margin-bottom:10px ; height:30px; padding-top:10px}
.box_product_new .list_product li{ float:left; width: 134px; height:200px; text-align:center; border:1px #CCCCCC solid; margin:0 0px 5px 5px}
.bannerQC{ width:100%;}
.bannerQC{ width:100%; margin: 20px 0 }
.bannerQC img{ width:103%; margin-left:-7px}
.box_question h2{font-size: 18px; color:#333333; margin-bottom:10px ; height:30px; padding-top:10px}
.box_question h4{ font-size: 15px; text-align:right; height: 20px ; margin:10px}
.list_question li{ border-bottom:1px #CCCCCC solid; padding-left:30px }
.list_question li:last-child{ border:none}
.list_question li p{ font-size: 13px ; padding: 5px 0 ; font-weight:300}
.list_question li em{ font-size:12px; padding: 3px 0}
.list_question li.bg01{ background:url(../../images/home/bg_list01.png) no-repeat left 6px}
.list_question li.bg02{ background:url(../../images/home/bg_list02.png) no-repeat left 6px}
.list_question li.bg03{ background:url(../../images/home/bg_list03.png) no-repeat left 6px}
.list_question li.bg04{ background:url(../../images/home/bg_list04.png) no-repeat left 6px}
.list_question li.bg05{ background:url(../../images/home/bg_list05.png) no-repeat left 6px}

.lienquan .form-control{ width: 202px; float:left; font-size:12px}
.lienquan .btn{ font-size: 17px; width:41px; height:42px; text-transform:uppercase}
.tab_listSpam{ border-bottom:1px #CCCCCC solid; height:25px}
.tab_listSpam ul{ width: 60%; float:left}
.tab_listSpam ul li{ float:left; padding: 0 10px; font-size:13px; color:#666}
.tab_listSpam ul li a{ color:#666; padding:0 5px}
.tab_listSpam ul li a:hover,.tab_listSpam ul li a.active,.tab_listSpam ul li a:focus{ background:#dbdddd; border-radius: 5px 5px}
.pmd{ width:32%; float:right}
.pmd p{ padding: 0 10px; float:left}
.bs-example{ margin-top:15px; margin-bottom:15px}
.media-left{ float:left; margin-right:15px}
.like{ width:100%; height: 30px; margin-top:5px}
.like p{ font-size:13px; color:#666}
.commemt { display:block; background:url(../../images/home/icon_comment.png) no-repeat left; padding-left: 22px; float:left; color:#3581e0; font-size:13px; margin-right: 20px}
.likeF{display:block; background:url(../../images/home/icon_like.png) no-repeat left; padding-left: 22px; float:left; color:#3581e0; font-size:13px; margin-right: 20px}
.likeF span{ padding: 0 10px}
.media-heading{ font-size:15px ; color:#333}
.media-body p{ font-size:13px ; color:#333}
.tab_menu{ width:1170px; margin:0 auto; height:40px; border-top:1px #999 solid; background:#e6e6e6; margin-bottom:20px}
.nav_tab li{ float:left; border-right: 1px #ccc solid}
.nav_tab li:last-child{ border:none}
.nav_tab li a{ display:block; height: 39px; font-size:16px ; color:#333; line-height:39px; padding:0 38px; font-weight:400}
.nav_tab li a:hover,.nav_tab li a.active,.nav_tab li a:focus{ background:#fff}
.news_content{ padding-bottom: 20px; border-bottom:1px #CCCCCC solid}
.collapse .news_content{ text-align: left !important}
.news_content h1{font-size: 28px; color:#333333; margin-bottom:10px ; padding-top:10px}
.block_content p{ font-size: 14px; font-weight:300; color:#333; padding:5px 0}
.list_send p{ font-weight:400}
.list_send p span{ color:#03468c}
.images_content p{ text-align:center; padding:6px 0}
.sms p{ text-align:right; color:#000; padding: 5px 0}
.sms p em{ color:#03468c}
.mid_banner{ margin: 10px 0}
.mid_banner img{ width:100%}
.box_views p{ width: 100px; float:left}
.block_link{ padding: 20px 0;}
.block_link p{ font-size: 15px ;}
.block_link p a{ color:#03468c}
.block_link p a:hover{ color:#03468c !important; text-decoration: underline !important}
.view_commemt{ display:block; height: 33px; background:#1bb7a0; margin:0 auto; width:187px; line-height:33px; font-size: 14px; color:#FFF; text-align:center}
.box_link_hot{ margin: 40px auto 0;  border-top: 1px #CCCCCC solid; height: 256px}
.box_link_hot h1{ font-size: 18px; color:#333; height: 33px; width: 222px; background:#FFF; margin:-27px auto; text-align:center; line-height:33px}
.nav_hot{ padding-top:60px}
.images_content img{ width:100%}
.nav_hot li{ width:211px; float:left; padding: 0 10px 0 0}
.nav_hot li:last-child{ padding:0}
.nav_hot li a{ display:block;}
.nav_hot li a img{ width:100%;}
.nav_hot li a:hover p{ color:#03468c}
.nav_hot li a img{ width:100%; height:170px}
.nav_hot li a p{ font-size:13px; padding: 5px 0; text-align:justify}
.block_continue{ height:25px; margin: 20px 0 ; text-align:center}
.box_facebook{ margin-left:-7px; width:293px; height:auto; background:#FFF }
.box_menuFace{border:1px #CCCCCC solid; background:#FFF; width:293px}
.box_facebook h1{ font-size: 18px ; color:#000; height:39px; border-bottom:1px #CCCCCC solid; line-height:39px; padding-left:15px }
.like_add{ width:100%; height: 70px}
.like_add a{ display:block; float:left; width:88px; height:50px;}
.like_add a img{ width:59px; margin: 15px }
.label_like{ width: 200px; float:right}
.label_like a{ display: block; width: 100%; font-size:15px ; font-weight:400; color:#5a70af; height:20px; margin: 8px 0 0px 0}
.label_like a img{ margin:0 !important}
.banner_full .carousel-indicators{ width:200px; right: 41% !important}
.banner_full .carousel-control img{ margin-top:180px;}
.box_content_sale{ margin: 20px auto;}
.nav_content_sale li{ width: 376px; float:left; height:520px; border:1px #CCCCCC solid; box-shadow: 0 1px 2px; margin: 0 20px 20px 0}
.nav_content_sale li a{ display:block; width:100%; height:100%;}
.nav_content_sale li a img{ width: 100%; height:378px;}
.bnt_xem{ display:block; width:119px !important; height:40px !important; background:#da262e; margin:15px auto; text-align:left !important; padding:0 !important; font-size:24px; text-transform:uppercase; font-weight:400; line-height:40px}
.bnt_xem span{ background:url(../../images/home/icon_acc.png) no-repeat center; display:block; width:55px; height:40px; float:left}
.nav_content_sale li a h2{ font-size:18px; color:#000; margin: 20px 10px; text-align:left !important; height:40px; overflow:hidden}
.box_iconSale{ width:100%; height: 61px; text-align:left !important}
.box_iconSale img{ width:51px !important; float:left; height:43px !important; margin:7px 10px}
.log_gia{width:300px; float:right}
.log_gia h3{ width: 50%; float:left; color:#990000; font-size:22px; height: 30px; overflow:hidden}
.log_gia p{ width: 50%; float:right; text-decoration:line-through;height: 30px; overflow:hidden; font-size: 15px; color:#666666;  }
.log_gia h4{ font-size: 15px; color:#666;}
.col_left_app{ padding:0 !important; z-index:999}
.col_right_app{ padding:0 !important}
.panel-group{ box-shadow: 2px 0px 3px #999}
.panel-title{ background:#99cc66}
.panel{ margin:0 !important; border:none}
.panel_android a{ display:block; height:55px; padding-left:75px; background:url(../../images/home/pic_icon/icon_android.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.panel a span{ display:block; width:55px; height:55px; background: url(../../images/home/pic_icon/icon_show_off.png) no-repeat center; float:right}
.panel_game .panel-title{ background:#56bdf1}
.panel_game a{ display:block; height:55px; padding-left:75px; background: url(../../images/home/pic_icon/icon_game.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.panel a:hover span,.panel a.active span,.panel a:focus span{ background:url(../../images/home/pic_icon/icon_show_on.png) no-repeat center}
.nav_app li{ border-bottom: 1px #CCCCCC solid}
.nav_app li a{ height: 60px; color:#333; padding-left:20px !important; font-size:15px}
.nav_app li a img{ width: 45px ; height:45px; border-radius: 7px 7px ; margin-right: 15px}

.panel_app a{ display:block; height:55px; padding-left:75px; background: url(../../images/home/pic_icon/icon_app.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.panel_app .panel-title{ background:#0573aa}

.panel_apple a{ display:block; height:55px; padding-left:75px; background: url(../../images/home/pic_icon/icon_apple.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.panel_apple .panel-title{ background:#939393}

.panel_window a{ display:block; height:55px; padding-left:75px; background: url(../../images/home/pic_icon/icon_window.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.panel_window .panel-title{ background:#56bdf1}

.tab_app{ height:55px; border:none}
.tab_app li{ width: 33.33%}
.tab_app .active a span{ display:block; width:21px; height:11px; background:url(../../images/home/pic_icon/icon_active.png) no-repeat center; position:absolute; bottom: 0; left: 46%}
.tab_app li a{ display: block; width:100%; padding:0; height:55px; font-size:18px; color:#FFF; text-align:center; text-transform:uppercase; line-height:55px; font-weight:400; position:relative}
.tab_app li a.tab01{ background:#f3c536}
.tab_app li a.tab02{ background:#d65f35}
.tab_app li a.tab03{ background:#7bd4da}
.list_app{ padding: 20px;}
.list_app li{ float:left; width:33%; height:75px; position:relative; margin: 0 2px 20px 0}
.list_app li img{ width:67px ; height:67px; float:left; margin-right: 10px}
.pm_app{ width: 199px; float:right}
.pm_app h3{ font-size:13px;}
.pm_app span{ width:100%; height: 20px; display:block; background:url(../../images/home/pic_icon/app_star.png) no-repeat top left}
.bnt_intall { display:block; height: 15px; width: 40px; background:#76ab34; text-align:center; line-height:15px; font-size:11px; color:#fff; border-radius: 3px 3px; position:absolute; bottom: 10px; left: 134px}
.app_commemt{ width: 80px; height:14px ; position:absolute; bottom: 24px; right:20px}
.app_commemt img{ width: 20px !important; float:left; height: 13px  !important}
.bnt_showH{ width:70px; height:40px; background:url(../../images/home/bnt_show_views.png) no-repeat center; position:absolute; bottom: 20px ; right:55px}
.bnt_showH p{ font-size: 19px !important; color:#333 !important; line-height:40px}
.bnt_game a{ display:block; height:55px; padding-left:75px; background: url(../../images/home/pic_icon/icon_game.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.bnt_game{ background:#56bdf1 !important}
.bnt_app{background:#56bdf1 !important}
.bnt_app a{ display:block; height:55px; padding-left:75px; background: url(../../images/home/pic_icon/icon_app.png) no-repeat 19px center; line-height:55px; color:#fff; font-size:18px}
.panel_window .bnt_game{ background:#4ae1b4 !important}

.box_hot{ width:100%; height:auto;}
.box_hot li{ width: 276px; float:left; margin: 0 16px 16px 0; height:173px; overflow:hidden;position:relative}
.box_hot li:last-child{ margin: 0}
.box_hot li a{ display:block; }
.box_hot li a:hover p{ color:#39b4e0}
.news_hot01{ width: 460px !important; height:275px !important;overflow:hidden}
.news_hot02{ width: 386px !important; height: 275px !important ;overflow:hidden; margin:0 0 16px 0 !important}
.box_hot li a img{ width:100%; height:100%}
.title_hot{ width:100%; height: 55px; background:url(../../images/home/bg_img.png) repeat; position:absolute; bottom:0 ; left:0; }
.title_hot p{ font-size:17px; color:#fff; padding: 5px 10px; font-weight:300; line-height:22px; height:50px;overflow:hidden}
.body_chitiet{margin-top: 10px;}
.block_img_home {width:80px;}
.block_img_home_hot {width:290px;}